

body{
    
    /*background-color: #D8D8D8;*/
    background: url(../images/login2.jpg) top center no-repeat #c4c4c4;
     font-family: Helvetica,Arial,sans-serif;
      color: #424242;
}

#wrapper
{
    width: 420px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

#header
{
    margin-top:80px;
    margin-bottom:40px;
   text-align:center;
   font-size:20px;
   font-weight:bold;
   font-family:Arial;
    
   
}

#container
{
    background-color:#848484;
    height:200px;
    -moz-border-radius: 5px; /*firefox*/
    -webkit-border-radius: 5px; /*chorme*/     
     -moz-box-shadow: 5px 1px 13px 0 #787878;/*firefox*/
    -webkit-box-shadow: 5px 1px 13px 0 #787878; /*chorme*/ 
    opacity: 0.7;
    padding:0;
    position: relative;
    
}

#footer
{
    margin-top:40px;
    text-align:center;  
    
    
    font-size: 12px;
   
}


.button{
    font-size: 13px;    
   
    border: 1px solid #333;
    padding: 2px 1em;
    background: #555;
    color: #fff;
    font-size: 100%;
    -moz-border-radius: 5px; /*firefox*/
    -webkit-border-radius: 5px; /*chorme*/     
    -moz-box-shadow: 5px 1px 13px 0 #787878;/*firefox*/
    -webkit-box-shadow: 5px 1px 13px 0 #787878; /*chorme*/   
    width: 80px;
    display: block;
    margin: 46px 0 0 128px ;
}

.button[disabled]
{
    background-color: #666666;
    color:Gray;
}

.error{
    width: 310px;
    text-align: right;
    float: left;
    margin: -57px 0 0 -101px;
    font-size: 12px;
    color: Red;
    font-weight:normal;
  
    
}


label {
display: block;
margin: .5em 0 0 0;
}

#login
{
   
   left: 115px;
    position: absolute;
    top: 91px;
    
    
    font-size: 77%;    
    font-weight:bold;
    color:Black;
     
 }
 
input:focus
{
    border: 2px groove #FF9933;
   
}
 